.files {
  display: flex;
  flex-direction: column;
  margin: 0 -12px;

  &__item {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 0 12px;
    height: var(--list-item-height);

    &:hover {
      background-color: var(--vscode-list-hoverBackground);

      .files__item__actions {
        display: flex;
      }
    }

    &--select-all {
      font-weight: 500;
    }

    &__details {
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;

      > strong {
        font-weight: 500;
      }
    }

    &__path {
      padding-left: 6px;
      font-size: 12px;
      color: var(--vscode-descriptionForeground);
    }

    &__actions {
      display: none;
    }
  }
}
